<!-- 查看详情modal1 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">基金组管理-查看</h4>
    </div>

    <div class="modal-body">
      <form class="form-horizontal">
        <div class="form-group" style="margin-top:20px">
          <label class="col-lg-2 text-right">群组名称：</label>
          <div class="col-lg-9">
            <input class="form-control" [(ngModel)]="item.sFgName" name="sFgName" disabled>
          </div>
        </div>

        <table id="fixed-table" class="table table-bordered table-hover">
          <thead>
            <tr>
              <th class="width-30">基金代码</th>
              <th class="width-30">基金名称</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of listData">
            <td class="width-30 short_name">{{item.sFundCode}}</td>
            <td class="width-30 short_name">{{item.sFundName}}</td>
            </tr>
          </tbody>
        </table>
      </form>
    </div>
    <div class="box-footer clearfix" style="width:100%;">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>
            条
          </span>
        </div>
      </app-pagination>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-flat center-block" data-dismiss="modal">
        <i class="fa fa-check"></i>确定</button>
    </div>
  </div>
</div>
